*{
    margin: 0;
    padding: 0;
}
main{
    background: #f5f5f5;
    padding: 20px 0;
}
.head{
    height: 50px;
    .container{
        background: #fff;
        font-size: 22px;
        line-height: 50px;
        font-weight: bold;
    }
}
.cartTable{
    width: 1240px;
    margin: 20px auto;
}
.cartTable table{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    thead{
        border-bottom: 10px solid #f5f5f5;
        tr{
            background-color: #fff;
        }
    }
}
.cartTable thead tr th{
    height: 40px;
    // border:1px solid #a7cbff;
    &:nth-child(3){
        width: 80px;
    }
    &:nth-child(4){
        width: 150px;
    }
    &:nth-child(5){
        width: 100px;
    }
    
}
.cartTable tbody tr td{
    border-bottom:5px solid #f5f5f5;
    background: #fff;
    height: 110px;
}
.cartTable tbody tr td:nth-child(2){
    width: 700px;
}
.cartTable tbody tr td:nth-child(2) img{
    width: 100px;
    height: 100px;
    float: left;
    margin-left: 20px;
}
.cartTable tbody tr td:nth-child(2) span{
    width: 500px;
    float: left;
    margin: 37px 0 0 15px;
}
.cartTable tbody tr td:nth-child(4) span{
    width: 20px;
    height: 24px;
    background-color: #E5E5E5;
    float: left;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}
.cartTable tbody tr td:nth-child(4) span:nth-child(1){
    margin-left: 35px;
}
.cartTable tbody tr td:nth-child(4) input{
    width: 50px;
    height: 20px;
    float: left;
    text-align: center;
}
.cartTable tbody tr td:nth-child(5){
    span{
        color: #ca151e;
        font-weight: bold;
    }
}

.cartTable tbody tr td:nth-child(6) span{
    cursor: pointer;
}
.footer{
    width: 100%;
    height: 50px;
    background-color: #E5E5E5;
    margin: 10px 0;
}
.footer .left{
    width: 270px;
    height: 100%;
    float: left;
    line-height: 50px;
}
.footer .left input{
    margin: 10px 50px;
}
.footer .left .collection{
    color: #333;
    margin-left:20px;
}
.footer .left span{
    color: #ca151e;
    cursor: pointer;
}
.footer .right{
    width: 400px;
    height: 100%;
    float: right;
}
.footer .right .allNum{
    width: 130px;
    height: 100%;
    float: left;
    line-height: 50px;
    text-align: center;
}
.footer .right .allNum b{
    color: #ca151e;
}
.footer .right .allCount{
    width: 133px;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center;
}
.footer .right .count b{
    color: red;
}
.footer .right .calc{
    width: 115px;
    height: 50px;
    background-color: #A7CBFF;
    float: right;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.sy{
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
}
.hide{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}